import React,{Component} from "react"

import "./index.css"

class Index extends Component{
    
    constructor(props){
    	super(props);

    }


    qqLogin(){
         window.Cookies.remove(window.cookies_qq_user);
         window.QQAuthorize();
    }
    
    webLogin(){
        window.Cookies.remove(window.cookies_weibo_user);
        window.WeiboAuthorize();
    }


	render(){
		return(
           <div className="login">
               <div className="login-mask">
                   <div className="closemask" onClick={()=>{this.props.closeModal()}}></div>
                   <div className="login-modal">
                       <h3>第三方登录</h3>
                       <div className="loginbtn">
                          <span className="qq" onClick={this.qqLogin.bind(this)}></span>
                          <span className="weibo" onClick={this.webLogin.bind(this)}></span>
                       </div>
                   </div>
               </div>
           </div>
	    )
	}
}

export default Index